<template>
  <div id="app">
    <router-view></router-view>
      <Footer>
        <router-link tag="div" to='/home/lietou' class="footbox1">
        <span class="iconfont icon-shouye"></span>
          <span>首页</span>
        </router-link>
        <router-link tag="div" to='/position/zhiw' class="footbox2">
         <span  class="iconfont icon-sousuo"></span>
          <span>职位</span>
        </router-link>
        <router-link tag="div" to='/headline' class="footbox3">
        <span  class="iconfont icon-newspaper"></span>
          <span>头条</span>
        </router-link>
        <router-link tag="div" to='/resume' class="footbox4">
        <span  class="iconfont icon-resume-line"></span>
          <span>简历</span>
        </router-link>
        <router-link tag="div" to='/myself' class="footbox5">
        <span  class="iconfont icon-31wode"></span>
          <span>我的</span>
        </router-link>
  </Footer>
    <!-- <DraWerVue></DraWerVue> -->
  </div>
</template>

<script>
export default {
  data(){
    return{

    }
  },
  methods:{
  },
  components:{
  }
}
</script>

<style>
@import url(../src/static/phone_common.css);
.clearflow::after {
  content: "";
  display: block;
  clear: both;
}
html,body{
  width: 100%;
  height: 100%;
}
html{
  font-size: calc(100vw / 7.5)
}
.nowrap{
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-indent: 1em;
}
#app{
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  overflow: hidden;
  display: flex;
}
.appContent{
  flex: 1;
  overflow: auto;
  margin-top:1rem;
  margin-bottom: 1rem;
  width: 100%;
}
Footer{
    position: fixed;
    bottom: -0.01rem;
    z-index: 10;
    width: 100%;

    display: flex;
    flex-wrap: nowrap;
    background-color: white;
    font-size: .2rem;
}
.footbox1,.footbox2,.footbox3,.footbox4,.footbox5{
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: .1rem;

}
.icon-shouye,.icon-sousuo,.icon-newspaper,.icon-resume-line,.icon-31wode{
    font-size: .4rem;
    line-height: .5rem;
}
.icon-resume-line{
    font-size: .5rem;
    line-height: .5rem;
}
.router-link-active{
  color: brown;
}
</style>
